<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <script src="js/vue.global.js"></script>
  <style>
    @import url("css/index.css");
  </style>
  <style>
    .defult-main {
      background-color: white;
      padding: 100px;
      position: relative;
      height: 100vh;
      box-sizing: border-box;
      overflow: hidden;
    }


    .defult-main .content {
      display: flex;
      flex-direction: column;
      margin-left: 40px;
    }


    .defult-main .content .title {
      font-size: 8vw;
      font-weight: bold;
      line-height: 10vw;
    }

    .defult-main .content .name {
      font-size: 8vw;
      font-weight: bold;
      line-height: 10vw;
      color: orange;
    }

    .defult-main .content .sub-title {
      font-size: 3vw;
      color: lightgray;
    }

    .defult-main .img-preson {
      position: absolute;
      right: 2vw;
      bottom: -10vh;

    }

    .defult-main .img-preson img {
      /* width="90vh" height="90vh" */
      width: 90vh;
      height: 90vh;
    }
  </style>
</head>

<body>
  <div id="app">
    <div class="defult-main">
      <div class="content">
        <span class="title">欢迎光临</span>
        <span class="name">助餐小店</span>
        <span class="sub-title">期待与您的每一次相遇</span>
      </div>
      <div class="img-preson">
        <img src="./images/img-preson.svg" mode="aspectFill"></img>
      </div>
    </div>
  </div>

  <!-- uni 的 SDK -->
  <!-- <script type="text/javascript" src="https://unpkg.com/@dcloudio/uni-webview-js@0.0.1/index.js"></script> -->
  <!-- <script src="js/html2canvas.min.js"></script> -->
  <script type="text/javascript" src="./js/uni-webview@1.5.4.js"></script>

  <script>
    const vue3Composition = {
      data() {
        return {};
      },
      mounted() {
        // UNIAPP 通过 this.currentWebview.evalJS(`FUNC(${JSON.stringify(data)})`); 直接调用
      },

      methods: {},
    };
    Object.assign(window, Vue);
    const app = createApp(vue3Composition);
    // app.component("u-row", {
    //   props: [],
    //   template: `
    //   <view style="display:flex;width:100%;justify-content: space-between;">
    //     <slot></slot>
    //     </view>
    // `,
    // });

    app.mount("#app"); //初始化
  </script>
  <script type="text/javascript">
    document.addEventListener("UniAppJSBridgeReady", function () {
      uni.postMessage({
        data: {
          api: "onWebviewShowed",
          data: {},
        },
      });
    });
  </script>
</body>
<!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // VConsole 默认会挂载到 `window.VConsole` 上
  var vConsole = new window.VConsole();
</script> -->

<!-- <script src="js/rpx4html.js"></script> -->

</html>